@import "../common/_common.scss";
.step_box{
	//消除inline-block间隙
	.line + .line{
		margin-left: -3px;
	}
	.cross{
		// height: 2px;
		// width: 100%;
		// background-color: #03a9f4;
		margin-bottom: 1px;
	}
	.nav{
		width: 100%;
		min-width: 1190px;
		margin-bottom: 1px;
		overflow: hidden;
		white-space: nowrap;
		.line{
			height: 29px;
			line-height: 29px;
			background-color: #CBCBCB;
			@include inline-block;
			position: relative;
			.num{
				width: 18px;
				height: 18px;
				background-image: url(../../img/circle.png);
				background-repeat: no-repeat;
				@include inline-block;
				text-align: center;
				line-height: 18px;
				margin-right: 10px;
			}
			span{
				font-size: $px14;
				color: $c666;
				line-height: 29px;
			}
			.step_arrow{
				width: 15px;
				height: 29px;
				background-image: url(../../img/triangle.png);
				background-repeat: no-repeat;
				position: absolute;
				right: -15px;
				top: 0;
				z-index: 10;
			}
		}
		.myShopping{
			width: 44%;
			text-align: right;
			z-index: 3;
			span{
				margin-right: 25px;
			}
		}
		.orderInfo{
			width: 13%;
			text-align: center;
			z-index: 2;
		}
		.payOrder{
			width: 44%;
			text-align: left;
			.num{
				margin-left: 45px;
			}
		}
		.active{
			background-color: #F0F0F0;
			.num{
				background-image: url(../../img/blueCircle.png);
				color: $cfff;
				width: 20px;
				height: 20px;
				line-height: 20px;
			}
			span{
				color: #03a9f4;
			}
			.step_arrow{
				background-image: url(../../img/activeT.png);
			}
		}
	}
}
